<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>GetFit</title>
	<meta name="generator" content="TextMate http://macromates.com/">
	<meta name="author" content="James Randall">
	<%= javascript_include_tag 'prototype' %>
	<%= stylesheet_link_tag 'site', :media => "all" %>
	<style type="text/css">

	/*Credits: Dynamic Drive CSS Library */
	/*URL: http://www.dynamicdrive.com/style/ */

	a.ovalbutton{
	background: transparent url('<%= image_path("oval-blue-left.gif")%>') no-repeat top left;
	display: block;
	float: left;
	font: normal 13px Tahoma; /* Change 13px as desired */
	line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
	height: 24px; /* Height of button background height */
	padding-left: 11px; /* Width of left menu image */
	text-decoration: none;
	}

	a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
	color: #494949; /*button text color*/
	}

	a.ovalbutton span{
	background: transparent url('<%= image_path("oval-blue-right.gif")%>') no-repeat top right;
	display: block;
	padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
	}

	a.ovalbutton:hover{ /* Hover state CSS */
	background-position: bottom left;
	}

	a.ovalbutton:hover span{ /* Hover state CSS */
	background-position: bottom right;
	color: black;
	}

	.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 100%;
	}

	</style>
	
	<!-- Date: 2008-01-08 -->
</head>
<body>
	<div class="title">Get Fit <%= current_user.login if !current_user.nil? %> - <%= Time.new.strftime("%A %d %B") %></div>
	<%= yield :layout %>
</body>
</html>
